<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>My Country - Agent Information</title>
    <link href="includes/css/normalize.min.css" type="text/css" rel="stylesheet"/>
    <link href="includes/css/main.css" type="text/css" rel="stylesheet"/>
    <link href="includes/css/smoothness/jquery-ui-1.9.1.custom.min.css" type="text/css" rel="stylesheet"/>
    <script src="includes/js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="includes/js/jquery-ui-1.9.1.custom.min.js" type="text/javascript"></script>    
    <script type="text/javascript">
      $(function() {
        $("#callMyRep").button({icons :{primary : "ui-icon-comment"}});
        $("#directions").button({icons :{primary : "ui-icon-search"}});
      });
    </script>
  </head>
  <body>

    <ul id="agentInfo">
      <li>
        <ul class="list">
          <li class="item">
            <ul>
              <li><span class="_property"></span><span class="largeLabel">Agent information</span></li>
              <li>
                <img id="repPhoto" src="images/eric_blankenship.jpg" alt="Eric Blankenship" />
                <table id="repDetails" >
                  <tr>
                    <td class="label">Name:</td>
                    <td>BLANKENSHIP ERIC</td>
                  </tr>
                  <tr>
                    <td class="label">Office:</td>
                    <td>MCLEAN (051)</td>
                  </tr>
                  <tr>
                    <td class="label">Office Address:</td>
                    <td>INSURANCE SERVICE CENTER<br/>808 IAA DR. SUITE 2<br/>BLOOMINGTON, IL 61701</td>                    
                  </tr>
                  <tr>
                    <td class="label">Phone number:</td>
                    <td>(309) 821-3170</td>
                  </tr>  
                 
                </table>
              </li>
            </ul>
          </li>
          

        </ul>
      </li>

    </ul>
    
    <div id="map" >
      <ul><li style="font-size: 0.8em;">
      <span class="label">Address: </span> <span>808 IAA Dr Bloomington, IL 61701</span><br/>
        <a target="_blank" href="http://maps.google.com/maps?q=808+IAA+Dr+Bloomington+IL+61701">
        <img src="https://maps.googleapis.com/maps/api/staticmap?center&amp;key=AIzaSyBtcHfY54_AmyG62NX3wR-_6L04tH0AFYo&amp;808+IAA+DR+Bloomington+IL+61701&amp;zoom=&amp;size=250x150&amp;sensor=false&amp;markers=color:green|808 IAA DR Bloomington IL 61701">
        </a>  
        </li>
        
        <li><a id="directions" >Get directions</a></li>
        <li><a id="callMyRep" href="tel:3098212933">Call my rep</a></li>
        
      </ul>
    </div>

  </body>
</html>
